<%@ page language="java" contentType="text/html; charse=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>  
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">

<jsp:include page="../public/header.jsp"/>	
<body>
<jsp:include page="../public/nav.jsp"/>
    <div class="context tj">
    	<!--banner-->
    	<div class="banner">
        <div id="slider-3">
    	<div class="slider">
    		<div class="bd">
    			<ul>
    				<c:forEach items="${banner }" var="vo">
    					<li><a href="/article/${vo.value2 }.html" target="_blank"><img src="${vo.value1 }"  alt="${vo.value3 }"></a></li>
    				</c:forEach>
    				
    			</ul>
    		</div>
    		<ol class="hd cl dots">
    			<li>1</li>
    			<li>2</li>
    			<li>3</li>
    			<li>4</li>
    		</ol>
    	</div>
    </div>
    </div>
    <!--banner-->
    <!--ads-->
    <div class="ads radius">
    	<div class="title ml-20">作者推荐,热门玩点</div>
    	<div class="hot-city ml-20">
            <ul>
            	<c:forEach items="${tj1 }" var="vo">
                <li><a href="/article/${vo.value2 }.html">${vo.value1 }</a></li>
                </c:forEach>
            </ul>
        </div>
        <div class="clearfix"></div>
        <div class="hot-addr ml-20">
        	<ul>
        	<c:forEach items="${tj2 }" var="vo">
            	<li>
            	<c:if test="${vo.value3 == 'hot' }">
            		<label class="label label-danger radius">hot</label>
            	</c:if>
            	<a href="/article/${vo.value2 }.html">${vo.value1 }</a></li>
            </c:forEach>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
    <!--ads-->
    <div class="clearfix"></div>
    </div>		
     <div class="clearfix"></div>
    <!--推荐部分-->
    <div class="context tj">
    	<div class="left-context f-l">
    	<div class="header">
        	<span>玩点攻略 &nbsp; &nbsp;&nbsp;&nbsp;</span>
            <!-- <ul>
            	<li>小编推荐</li>
                <li>用户推荐</li>
               <li>新发</li> 
            </ul>--> 
            <div class="f-r" tyle="line-height: 30px;margin-top: 8px"><a href="article/more.html">更多></a></div>
            <div class="clearfix"></div>
        </div>
        <div class="tent">
        	<ul>
        		<c:forEach items="${mk1 }" var="vo">
            	<li><a href="/article/${vo.value1 }.html">${vo.value2 }</a><span>
            	<fmt:parseDate value="${vo.value3 }" pattern="EEE MMM dd HH:mm:ss z yyyy" parseLocale="EN" var="test"/>   
            	<fmt:formatDate value="${test}" pattern="yyyy-MM-dd HH:mm:ss"/>
            	</span></li>
       			</c:forEach>
       		</ul>
            <div class="f-r"><i class="Hui-iconfont">&#xe68f;</i> 换一批</div>
        </div>
        <div></div>
        </div>
        <div class="right-context f-r">
        	<div class="login">
            	<div class="title">用户登录</div>
                <div class="username"><input  name="username" class="input-text" type="text" placeholder="请输入用户名字(邮箱或者手机号码)"></div>
                <div class="pwd"><input name="pwd" class="input-text" type="password" placeholder="请输入密码"></div>
                <div class="remember"><input class="btn btn-primary" type="button" value="登录"> &nbsp;&nbsp;&nbsp;&nbsp;<input type="checkbox">&nbsp;记住我!</div>              
                <div class="reg"><span>还没有用户</span><a href="#" class="danger">注册!!!</a></div>
             </div>
          
        </div>
        <div class="clearfix"></div>
    </div>
    
    <!--推荐部分-->
    <!-- 攻略 -->
    <div class="container-body" id="b_game" area="b_game">
    	<div class="w-section-head"></div>
    	<div class="section-body">
    		<div class="w-l">
    			<div class="w-head">
   					<span class="w-head-t">
   						<a href="/video/game.html" title="游戏">
   						<h2>热门景点</h2></a>
   					</span>
	    		</div>
	    		<div class="w-body">
	    		<ul class="vidbox v-list">
	    		<c:forEach items="${mk2 }" var="vo">
	    			<li>
					<div class="v">
						<a class="preview cover-preview" href="/spots/${vo.id }.html" target="_blank">
							<img src="${vo.cover }"  alt="${vo.title }" style="opacity: 1;">
						</a>
						<a href="/spots/${vo.id }.html" target="_blank">
							<div class="t">${vo.title }</div>
							<div class="i">
								<span>阅读(${vo.looks })</span>
							</div>
						</a>
					</div>
				</li>
				</c:forEach>
</ul></div></div>


<div class="w-r"><div class="w-head">
<div class="left">
	<span class="w-head-t">
		<h3>排行</h3>
	</span>
	<ul class="w-slt-tab">
		<li class="on"><span class="w-taw-text">今月</span></li>
		<li><span class="w-taw-text">今日</span></li>
		<li><span class="w-taw-text">今年</span></li>
	</ul>
</div>
</div>
<div class="w-body">
	<div class="r-list-body" style="overflow: hidden;">
		<div class="r-list-wrapper" style="width: 200%; margin-left: 0%;">
		<ul class="rlist" loaded="true">
			<c:forEach items="${mkph2 }" var="vo" varStatus="count">
			<li  class="on">
			<i class="number n${count.count }">${count.count }</i>	
			
			<a class="rl-info" href="/article/${vo.value1 }.html" target="_blank">
				<div class="title t">${vo.value2 }</div>
				<div class="i"></div>
			</a>
			</li>
			</c:forEach>
		</ul>
		</div>
	</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
    <!-- 攻略 -->
  <!-- 玩点活动 -->
    <div class="container-body" id="b_game" area="b_game">
    	<div class="w-section-head"></div>
    	<div class="section-body">
    		<div class="w-l">
    			<div class="w-head">
   					<span class="w-head-t">
   						<a href="/video/game.html" title="游戏">
   						<h2>小编推荐</h2></a>
   					</span>
	    		</div>
	    		<div class="w-body">
	    		<ul class="vidbox v-list">
	    		<c:forEach items="${mk3 }" var="vo">
	    			<li>
					<div class="v">
						<a class="preview cover-preview" href="/active/${vo.id }.html" target="_blank">
							<img src="${vo.cover }"  alt="${vo.title }" style="opacity: 1;">
						</a>
						<a href="/active/${vo.id }.html" target="_blank">
							<div class="t">${vo.title }</div>
							<div class="i">
								<span>${vo.startTime }</span>
							</div>
							<div class="i">
								<span>${vo.address }</span>
							</div>
							
						</a>
					</div>
				</li>
				</c:forEach>
</ul></div></div>


<div class="w-r"><div class="w-head">
<div class="left">
	<span class="w-head-t">
		<h3>排行</h3>
	</span>
	<ul class="w-slt-tab">
		<li class="on"><span class="w-taw-text">今月</span></li>
		<li><span class="w-taw-text">今日</span></li>
		<li><span class="w-taw-text">今年</span></li>
	</ul>
</div>
</div>
<div class="w-body">
	<div class="r-list-body" style="overflow: hidden;">
		<div class="r-list-wrapper" style="width: 200%; margin-left: 0%;">
		<ul class="rlist" loaded="true">
			<c:forEach items="${mkph3 }" var="vo" varStatus="count">
			<li  class="on">
			<i class="number n${count.count }">${count.count }</i>	
			
			<a class="rl-info" href="/article/${vo.value1 }.html" target="_blank">
				<div class="title t">${vo.value2 }</div>
				<div class="i"></div>
			</a>
			</li>
			</c:forEach>
		</ul>
		</div>
	</div>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
     <!-- 玩点活动 -->
    <div class="clearfix"></div>
    <!-- 玩点体验 -->
    <!-- 玩点体验 -->
    <%-- 
    <!--我要发游玩秘籍-->
    <div class="context sender">
    	<div class="title">我要发游玩秘籍<label class="label label-primary radius"><small>hot！！</small></label></div>
        <div class="box-context">
        	<textarea placeholder="分享是一种美德！"></textarea>
        </div>
        <div class="send-btn"><a href="/users/article.html" class="btn btn-warning">我来分享</a></div>
        <div class="clearfix"></div>
    </div>
    --%>
    <jsp:include page="../public/footer.jsp"/>
    
</body>
<jsp:include page="../public/footer2.jsp"/>
<script type="text/javascript">
    $(function(){
    var backToTopFun = function() {
    	var st = $(document).scrollTop(), winh = $(window).height();
    	(st > 0)? $backToTopEle.show(): $backToTopEle.hide();
    	/*IE6下的定位*/
    	if(!window.XMLHttpRequest){
    		$backToTopEle.css("top", st + winh - 166);
    	}
    };
    	$(window).on("scroll",backToTopFun);
    	backToTopFun();
    	jQuery("#slider-3 .slider").slide({mainCell:".bd ul",titCell:".hd li",trigger:"click",effect:"leftLoop",autoPlay:true,delayTime:700,interTime:7000,pnLoop:false,titOnClassName:"active"})});
var $backToTopEle=$('<a href="javascript:void(0)" class="Hui-iconfont toTop" title="返回顶部" alt="返回顶部" style="display:none">&#xe684;</a>').appendTo($("body")).click(function(){
    	$("html, body").animate({ scrollTop: 0 }, 120);
    });
</script>
</html>
